<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .clearfix{
            　clear:both;
        }
        .clearfix:before,.clearfix:after {
            content: "";
            display: block;
            clear: both;
        }
        .fl{
            float: left;
            width: 64px;
        }
        .fr{
            float: right;
        }
        .clearfix {
            zoom: 1;
        }
        .dialog{
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            border: 1px solid #999 !important;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            outline: 0;
            background-clip: padding-box !important;
            height: 250px;
            width: 350px;
        }
        /*弹框头部*/
        .dialog-title-box{
            padding: 0 80px 0 10px;
            border-bottom: 1px solid #eeeeee;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background-color: #F8F8F8;
            border-radius: 2px 2px 0 0;
            position: relative;
            box-sizing: content-box;
            height: 42px;
            line-height: 42px;
        }
        .dialog-title-box  .dialog-button{
            position: absolute;
            height: 40px;
            zoom: 1;
            overflow: hidden;
            top: 5px;
            right: 5px;
        }
        .dialog-title-box  .dialog_close_button{
            float: left;
            background: url(bg-default.png) no-repeat;
            width: 24px;
            height: 20px;
            margin: 5px 2px 0;
            background-position: -53px -36px;
        }
        /*弹框中间*/
        .dialog-box{
            padding: 10px;
        }
        .dialog-box .dialog-content{


            line-height: 150%;
            font-size: 14px;
        }
        .dialog-box .dialog-content .inputFrom{
            margin-bottom: 10px;

        }
        .dialog-box .dialog-content .inputFrom input{
            height: 22px;
            line-height: 22px;
        }

        .dialog-box .dialog-content .inputFrom select{
            height: 28px;

        }

        /*弹框底部*/
        .dialog-button-box{
            background: white;
        }
        .dialog-button-box .button-box-inner{
            border-top: 1px solid #e5e5e5;
            margin: auto;
            text-align: center;
            padding: 10px;
        }
        .btn{
            font-size: 14px;
            margin: 5px;
            border-color: #FF0036;
            background-color: #FF0036;
            color: #fff;
            display: inline-block;
            padding: 6px 12px;
            border-radius: 2px;
            cursor: pointer;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div  class="dialog">
        <div class="dialog-title-box">
                <div class="dialog-title">对话框标题</div>
                <div class="dialog-button"><a class="dialog_close_button" href="javascript:void(0)" title="关闭"></a></div>
        </div>
        <div class="dialog-box">
            <div class="dialog-content">
                    <div class="clearfix" >
                        <span class="fl">签约老师</span>
                        <div class="inputFrom">
                            <input type="text" >
                        </div>
                    </div>
                <div class="clearfix" >
                    <span class="fl ">微信</span>
                    <div class="inputFrom">
                        <input type="text" >
                    </div>
                </div>
                <div class="clearfix" >
                    <span class="fl ">科目</span>
                    <div class="inputFrom">
                        <select name="" id="">
                            <option value="">冰球学习1</option>
                            <option value="">冰球学习2</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="dialog-button-box">
                <div class="button-box-inner">
                    <a href="javascript:void(0);" class="btn  confirm">确认</a>
                    <a href="javascript:void(0);" class="btn  cancel">取消</a>
                </div>
        </div>

    </div>

</body>
</html>